<!--
 * @Author: 白印潇 bai_yinxiao@163.com
 * @Date: 2023-03-08 16:33:05
 * @LastEditors: 白印潇 bai_yinxiao@163.com
 * @LastEditTime: 2023-04-18 17:18:40
 * @FilePath: /shortRent-ui/src/views/risk/credit/detail.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <CustomContent>
      <!-- 内容 -->
      <template v-slot:body>
        <div v-loading="loading">
          <el-row :gutter="20">
            <!-- 客户信息 -->
            <el-col :span="12" :offset="0">
              <el-card shadow="always" :body-style="{ padding: '20px' }">
                <div class="commonTitle">客户信息</div>
                <div class="cardContainer">
                  <el-descriptions :column="2">
                    <el-descriptions-item label="客户类型">{{ workerDetail.creditQueryWorkOrder.queryType == 1 ? '企业' : '个人'
                    }}</el-descriptions-item>
                    <!-- 个人 -->
                    <template v-if="workerDetail.creditQueryWorkOrder.queryType == 2">
                      <el-descriptions-item label="客户名称">{{ workerDetail.creditQueryWorkOrder.name
                      }}</el-descriptions-item>
                      <el-descriptions-item label="联系电话">{{ workerDetail.creditQueryWorkOrder.phone
                      }}</el-descriptions-item>
                      <el-descriptions-item label="证件号码">{{ workerDetail.creditQueryWorkOrder.idCard
                      }}</el-descriptions-item>
                      <el-descriptions-item label="银行卡号">{{ workerDetail.creditQueryWorkOrder.cardNo
                      }}</el-descriptions-item>
                    </template>
                    <!-- 企业 -->
                    <template v-else-if="workerDetail.creditQueryWorkOrder.queryType == 1">
                      <el-descriptions-item label="联系电话">{{ workerDetail.creditQueryWorkOrder.phone
                        || '--' }}</el-descriptions-item>
                      <el-descriptions-item span="2" label="企业名称">{{ workerDetail.creditQueryWorkOrder.entName || '--'
                      }}</el-descriptions-item>
                      <el-descriptions-item span="2" label="统一社会信用代码">{{ workerDetail.creditQueryWorkOrder.entCode
                      }}</el-descriptions-item>
                    </template>

                  </el-descriptions>
                </div>
              </el-card>
            </el-col>
            <!-- 查询内容 -->
            <el-col :span="12" :offset="0">
              <el-card shadow="always" :body-style="{ padding: '20px' }">
                <div class="commonTitle">查询内容</div>
                <div class="cardContainer">
                  <el-row :gutter="20" type="flex" v-if="workerDetail.creditQueryRuleList.length > 0">
                    <el-col :span="6" v-for="(item) in workerDetail.creditQueryRuleList" :key="item.id">
                      <div class="packageItem">
                        <p class="topInfo">
                          <span style="font-size: 14px;font-weight: bold;">{{ item.name }}</span>
                          <span style="font-size: 14px;color: #666;">{{ item.price }}元/次</span>
                        </p>
                        <p class="desc">
                          {{ item.remark }}
                        </p>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-card>

            </el-col>
          </el-row>

          <!-- 查询结果 -->
          <el-card style="margin-top: 20px;" shadow="always" :body-style="{ padding: '20px' }">
            <div style="display: flex; flex-direction: row;align-items: center;justify-content: space-between;">
              <div class="commonTitle">查询结果</div>
              <div class="riskWarning">
                <i class="el-icon-warning" style="color: #5473E8;"></i>
                风险提示：命中 <span class="checkCount">{{ totalRisk || 0 }}</span> 项异常信息；个人基础核验
                <span class="checkCount">{{ workerDetail.personBaseInfoAbnormalCount || 0 }}</span> 项，反欺诈<span
                  class="checkCount"> {{ workerDetail.antiFraudAbnormalCount || 0 }}</span> 项，企业风险审查
                <span class="checkCount">{{ workerDetail.riskReviewAbnormalCount || 0 }}</span> 项
              </div>
              <!-- 个人偿还能力 -->
              <p class="abilityRepay" v-if="workerDetail.creditQueryWorkOrder.queryType == 2">
                <el-popover placement="right" trigger="hover">
                  <el-table :data="scoreData" border stripe
                    :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                    <el-table-column width="200" prop="level" align="center" label="等级结果(score)"></el-table-column>
                    <el-table-column width="200" prop="content" align="center" label="含义说明(单位万元)"></el-table-column>
                  </el-table>
                  <el-button class="btn" slot="reference" icon="el-icon-warning-outline"></el-button>
                </el-popover>



                <span>偿还能力:</span>
                <span v-if="!workerDetail.repaymentPowerLevel"> 暂无数据</span>
                <span v-else-if="workerDetail.repaymentPowerLevel.status == 2" class="content">{{workerDetail.repaymentPowerLevel.result }}</span>
                <span v-else> {{ workerDetail.repaymentPowerLevel.status | creditQueryStatus }}</span>
              </p>
            </div>

            <div>
              <template v-if="workerDetail.creditQueryWorkOrder.queryType == 2">
                <div>
                  <!-- 基础核验 -->
                  <template v-if="workerDetail.personBaseInfo">
                    <div class="querySubtitle">基础核验</div>
                    <el-table :data="workerDetail.personBaseInfo" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无基础核验信息"></el-empty>
                      </template>
                      <el-table-column prop="selectOption" align="center" label="查询项目" min-width="100">
                      </el-table-column>
                      <!-- <el-table-column align="center" label="查询状态" min-width="100">
                                                                                                                                                                  <template v-slot="{ row }">
                                                                                                                                                                    {{ row.status | creditQueryStatus }}
                                                                                                                                                                  </template>
                                                                                                                                                                </el-table-column> -->
                      <el-table-column prop="result" align="center" label="结果" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 企业背景 -->
                  <template v-if="workerDetail.individualInvestment">
                    <div class="querySubtitle">企业背景</div>
                    <el-table :data="workerDetail.individualInvestment.entInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty v-if="workerDetail.individualInvestment.status == 0" :image-size="50"
                          description="待查询"></el-empty>
                        <el-empty v-else-if="workerDetail.individualInvestment.status == 1" :image-size="50"
                          description="查询中"></el-empty>
                        <el-empty v-else-if="workerDetail.individualInvestment.status == 2" :image-size="50"
                          description="查询成功,客户无企业背景"></el-empty>
                        <el-empty v-else-if="workerDetail.individualInvestment.status == 3" :image-size="50"
                          description="查询异常"></el-empty>
                        <el-empty v-else :image-size="50" description="暂无企业背景信息"></el-empty>
                      </template>
                      <el-table-column prop="entName" align="center" label="企业信息" min-width="100">
                      </el-table-column>
                      <el-table-column prop="entCode" align="center" label="统一社会信用代码" min-width="100">
                      </el-table-column>
                      <el-table-column prop="identity" align="center" label="身份" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 反欺诈 -->
                  <template v-if="workerDetail.antiFraud">
                    <div class="querySubtitle">反欺诈</div>
                    <div class="tipBox">
                      <p>
                        <i class="el-icon-warning" style="color: #5473E8;"></i>
                        <span style="font-weight: bold; margin-left: 5px;">提示</span>
                      </p>
                      <div>
                        1、疑似养卡和空号检测性质是类似的。沉默号以及风险号会归集至疑似养卡风险。实号：即为活跃号码；沉默号：一种是超过半年没有激活过的空号，二是近三月流量均消耗低于30M的用户；风险号：长时间关机或未开通语音服务以及易投诉的用户.
                        <br /> 2、重点人员：正常、涉案人员、犯罪前科、吸毒涉毒人员、在逃犯罪嫌疑人.
                      </div>
                    </div>
                    <el-table :data="workerDetail.antiFraud" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无反欺诈信息"></el-empty>
                      </template>
                      <el-table-column prop="selectOption" align="center" label="查询项目" min-width="100">
                        <template v-slot="{ row }">
                          <p v-if="row.selectOption == '高法失信被执行人'">
                            <span style="margin-right: 5px;">{{ row.selectOption }}</span>
                            <a style="color:blue" href="
                          http://zxgk.court.gov.cn/ " target=" _Blank">去官网查询>></a>
                          </p>
                          <p v-else-if="row.selectOption == '整体涉诉'">
                            <span style="margin-right: 5px;">{{ row.selectOption }}</span>
                            <a style="color:blue" href="https://wenshu.court.gov.cn/
" target="_Blank">去官网查询>></a>
                          </p>
                          <span v-else>{{ row.selectOption }}</span>
                        </template>
                      </el-table-column>
                      <el-table-column prop="result" align="center" label="结果" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>


                </div>
              </template>

              <!-- 企业查询结果 -->
              <template v-else-if="workerDetail.creditQueryWorkOrder.queryType == 1">
                <div>
                  <!-- 基础核验 -->
                  <template v-if="workerDetail.entBaseInfo">
                    <div class="querySubtitle">基础核验</div>
                    <template v-if="workerDetail.entBaseInfo.status == 2">
                      <el-descriptions v-if="workerDetail.entBaseInfo.entBaseInfo" :column="3" border
                        labelClassName="my-label">
                        <el-descriptions-item label="公司名称">{{
                          workerDetail.entBaseInfo.entBaseInfo.name
                        }}</el-descriptions-item>
                        <el-descriptions-item label="公司类型">{{ workerDetail.entBaseInfo.entBaseInfo.
                          companyOrgType }}</el-descriptions-item>
                        <el-descriptions-item label="组织机构代码">{{ workerDetail.entBaseInfo.entBaseInfo.
                          orgNumber }}</el-descriptions-item>
                        <el-descriptions-item label="登记机关">{{ workerDetail.entBaseInfo.entBaseInfo.
                          regInstitute }}</el-descriptions-item>
                        <el-descriptions-item label="营业期限开始日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          fromTime }}</el-descriptions-item>
                        <el-descriptions-item label="注册地址">{{ workerDetail.entBaseInfo.entBaseInfo.
                          regLocation }}</el-descriptions-item>
                        <el-descriptions-item label="成立日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          estiblishTime }}</el-descriptions-item>
                        <el-descriptions-item label="法定代表人">{{ workerDetail.entBaseInfo.entBaseInfo.
                          legalPersonName }}</el-descriptions-item>
                        <el-descriptions-item label="营业期限终止日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          toTime }}</el-descriptions-item>
                        <el-descriptions-item label="企业状态">{{ workerDetail.entBaseInfo.entBaseInfo.
                          regStatus }}</el-descriptions-item>
                        <el-descriptions-item label="统一社会信用代码">{{ workerDetail.entBaseInfo.entBaseInfo.
                          creditCode }}</el-descriptions-item>
                        <el-descriptions-item label="核准日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          approvedTime }}</el-descriptions-item>
                        <el-descriptions-item label="纳税人识别号">{{ workerDetail.entBaseInfo.entBaseInfo.
                          taxNumber }}</el-descriptions-item>
                        <el-descriptions-item label="注册资本">{{ workerDetail.entBaseInfo.entBaseInfo.
                          regCapital }}</el-descriptions-item>
                        <el-descriptions-item label="注册号">{{ workerDetail.entBaseInfo.entBaseInfo.
                          regNumber }}</el-descriptions-item>
                        <el-descriptions-item label="人员规模">{{ workerDetail.entBaseInfo.entBaseInfo.
                          staffNumRange }}</el-descriptions-item>
                        <el-descriptions-item label="是否小微企业">{{ workerDetail.entBaseInfo.entBaseInfo.
                          isMicroEnt == 1 ? '是' : '否' }}</el-descriptions-item>
                        <el-descriptions-item label="行业">{{ workerDetail.entBaseInfo.entBaseInfo.
                          industry }}</el-descriptions-item>
                        <el-descriptions-item label="参保人员">{{ workerDetail.entBaseInfo.entBaseInfo.
                          socialStaffNum }}</el-descriptions-item>
                        <el-descriptions-item label="网址">{{ workerDetail.entBaseInfo.entBaseInfo.
                          websiteList }}</el-descriptions-item>
                        <el-descriptions-item label="企业联系方式">{{ workerDetail.entBaseInfo.entBaseInfo.phoneNumber
                        }}</el-descriptions-item>
                        <el-descriptions-item label="吊销日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          revokeDate }}</el-descriptions-item>
                        <el-descriptions-item label="吊销原因">{{ workerDetail.entBaseInfo.entBaseInfo.
                          revokeReason }}</el-descriptions-item>
                        <el-descriptions-item label="注销日期">{{ workerDetail.entBaseInfo.entBaseInfo.
                          cancelDate }}</el-descriptions-item>
                        <el-descriptions-item label="注销原因">{{ workerDetail.entBaseInfo.entBaseInfo.
                          cancelReason }}</el-descriptions-item>
                        <el-descriptions-item label="经营范围">{{ workerDetail.entBaseInfo.entBaseInfo.
                          businessScope }}</el-descriptions-item>
                      </el-descriptions>
                      <el-empty v-else :image-size="50" description="未查询到结果"></el-empty>
                    </template>
                    <template v-else>
                      <el-empty v-if="workerDetail.entBaseInfo.status == 0" :image-size="50" description="待查询"></el-empty>
                      <el-empty v-else-if="workerDetail.entBaseInfo.status == 1" :image-size="50"
                        description="查询中"></el-empty>
                      <el-empty v-else-if="workerDetail.entBaseInfo.status == 3" :image-size="50"
                        description="查询异常"></el-empty>
                    </template>


                  </template>
                  <!-- 风险审核 -->
                  <template v-if="workerDetail.riskReview">
                    <div class="querySubtitle">风险审核</div>
                    <el-table :data="workerDetail.riskReview" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无风险审核信息"></el-empty>
                      </template>
                      <el-table-column prop="selectOption" align="center" label="查询项目" min-width="100">
                      </el-table-column>
                      <!-- <el-table-column align="center" label="查询状态" min-width="100">
                                                                                                                                                                  <template v-slot="{ row }">
                                                                                                                                                                    {{ row.status | creditQueryStatus }}
                                                                                                                                                                  </template>
                                                                                                                                                                </el-table-column> -->
                      <el-table-column prop="result" align="center" label="结果" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 企业裁判文书 -->
                  <template v-if="workerDetail.entCaipanInfoList">
                    <div class="querySubtitle">企业裁判文书</div>
                    <el-table :data="workerDetail.entCaipanInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无企业裁判文书信息"></el-empty>
                      </template>
                      <el-table-column prop="caseNo" align="center" label="案号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="submitTime" align="center" label="发布日期" min-width="100">
                      </el-table-column>
                      <el-table-column prop="docType" align="center" label="文书类型" min-width="100">
                      </el-table-column>
                      <el-table-column prop="caseType" align="center" label="案件类型" min-width="100">
                      </el-table-column>
                      <el-table-column prop="court" align="center" label="法院" min-width="100">
                      </el-table-column>
                      <el-table-column prop="judgeTime" align="center" label="裁判日期" min-width="100">
                      </el-table-column>
                      <el-table-column prop="title" align="center" label="标题" min-width="100">
                      </el-table-column>
                      <el-table-column prop="caseReason" align="center" label="案由" min-width="100">
                      </el-table-column>
                      <el-table-column prop="caseMoney" align="center" label="涉诉金额" min-width="100">
                      </el-table-column>
                      <el-table-column label="当事人" align="center" class-name="small-padding fixed-width" width="160">
                        <template v-slot="{ row }">
                          <el-popover placement="right" width="auto" trigger="click">
                            <el-table :data="row.casePersons">
                              <el-table-column width="100" prop="role" align="center" label="诉讼地位"></el-table-column>
                              <el-table-column width="250" prop="result" align="center" label="结果情形"></el-table-column>
                              <el-table-column width="150" prop="name" align="center" label="当事人名称"></el-table-column>
                            </el-table>
                            <el-button slot="reference" size="small" type="text">查看</el-button>
                          </el-popover>
                        </template>
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 企业失信被执行人 -->
                  <template v-if="workerDetail.entDishonestInfoList">
                    <div class="querySubtitle">企业失信被执行人</div>
                    <el-table :data="workerDetail.entDishonestInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无企业失信被执行人信息"></el-empty>
                      </template>
                      <el-table-column prop="courtname" align="center" label="法院" min-width="100">
                      </el-table-column>
                      <el-table-column prop="regdate" align="center" label="立案时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="casecode" align="center" label="案号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="performance" align="center" label="履行情况" min-width="100">
                      </el-table-column>
                      <el-table-column prop="publishdate" align="center" label="发布时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="iname" align="center" label="当事人" min-width="100">
                      </el-table-column>
                      <el-table-column prop="disrupttypename" align="center" label="情形" min-width="100">
                      </el-table-column>
                      <el-table-column prop="duty" align="center" label="义务" min-width="100">
                      </el-table-column>
                      <el-table-column prop="gistunit" align="center" label="执行依据单位" min-width="100">
                      </el-table-column>
                      <el-table-column prop="gistid" align="center" label="执行依据文号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="cardnum" align="center" label="证件号码" min-width="100">
                      </el-table-column>
                      <el-table-column prop="unperformPart" align="center" label="未履行部分" min-width="100">
                      </el-table-column>
                      <el-table-column prop="performedPart" align="center" label="已履行部分" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 企业被执行人 -->
                  <template v-if="workerDetail.entZhixingInfoList">
                    <div class="querySubtitle">企业被执行人</div>
                    <el-table :data="workerDetail.entZhixingInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无企业被执行人信息"></el-empty>
                      </template>
                      <el-table-column prop="caseCode" align="center" label="案号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="execCourtName" align="center" label="法院" min-width="100">
                      </el-table-column>
                      <el-table-column prop="caseCreateTime" align="center" label="立案时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="execMoney" align="center" label="执行标的" min-width="100">
                      </el-table-column>
                      <el-table-column prop="partyCardNum" align="center" label="证件号码" min-width="100">
                      </el-table-column>
                      <el-table-column prop="pname" align="center" label="当事人名称" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 司法协助 -->
                  <template v-if="workerDetail.entSiFaXieZhuInfoList">
                    <div class="querySubtitle">司法协助</div>
                    <el-table :data="workerDetail.entSiFaXieZhuInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无司法协助信息"></el-empty>
                      </template>
                      <el-table-column prop="equityAmount" align="center" label="股权数额" min-width="100">
                      </el-table-column>
                      <el-table-column prop="typeState" align="center" label="类型" min-width="100">
                      </el-table-column>
                      <el-table-column prop="executiveCourt" align="center" label="执行法院" min-width="100">
                      </el-table-column>
                      <el-table-column prop="executedPerson" align="center" label="被执行人" min-width="100">
                      </el-table-column>
                      <el-table-column prop="executeNoticeNum" align="center" label="执行通知文书" min-width="100">
                      </el-table-column>
                      <el-table-column prop="publicityDate" align="center" label="公示日期" min-width="100">
                      </el-table-column>
                      <el-table-column prop="stockExecutedCompany" align="center" label="被执行企业" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 重大税收违法 -->
                  <template v-if="workerDetail.entShuiShouInfoList">
                    <div class="querySubtitle">重大税收违法</div>
                    <el-table :data="workerDetail.entShuiShouInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无重大税收违法信息"></el-empty>
                      </template>
                      <el-table-column prop="publishTime" align="center" label="发布时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="caseType" align="center" label="案件性质" min-width="100">
                      </el-table-column>
                      <el-table-column prop="department" align="center" label="所属税务机关" min-width="100">
                      </el-table-column>
                      <el-table-column prop="taxpayerName" align="center" label="纳税人" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 严重违法 -->
                  <template v-if="workerDetail.entMrIllegalInfoList">
                    <div class="querySubtitle">严重违法</div>
                    <el-table :data="workerDetail.entMrIllegalInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无严重违法信息"></el-empty>
                      </template>
                      <el-table-column prop="removeDate" align="center" label="移除日期" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putReason" align="center" label="列入原因" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putDepartment" align="center" label="决定列入部门" min-width="100">
                      </el-table-column>
                      <el-table-column prop="removeDepartment" align="center" label="决定移出部门" min-width="100">
                      </el-table-column>
                      <el-table-column prop="removeReason" align="center" label="移除原因" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putDate" align="center" label="列入日期" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 异常经营名录 -->
                  <template v-if="workerDetail.entAbnormalInfoList">
                    <div class="querySubtitle">异常经营名录</div>
                    <el-table :data="workerDetail.entAbnormalInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无异常经营名录信息"></el-empty>
                      </template>
                      <el-table-column prop="removeDate" align="center" label="移除日期" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putReason" align="center" label="列入原因" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putDepartment" align="center" label="决定列入部门" min-width="100">
                      </el-table-column>
                      <el-table-column prop="removeDepartment" align="center" label="决定移出部门" min-width="100">
                      </el-table-column>
                      <el-table-column prop="removeReason" align="center" label="移除原因" min-width="100">
                      </el-table-column>
                      <el-table-column prop="putDate" align="center" label="列入日期" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 欠税公告 -->
                  <template v-if="workerDetail.entOwntaxInfoList">
                    <div class="querySubtitle">欠税公告</div>
                    <el-table :data="workerDetail.entOwntaxInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无欠税公告信息"></el-empty>
                      </template>
                      <el-table-column prop="taxIdNumber" align="center" label="纳税人识别号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="ownTaxAmount" align="center" label="欠税金额" min-width="100">
                      </el-table-column>
                      <el-table-column prop="publishDate" align="center" label="发布时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="type" align="center" label="税务类型" min-width="100">
                      </el-table-column>
                      <el-table-column prop="taxCategory" align="center" label="欠税税种" min-width="100">
                      </el-table-column>
                      <el-table-column prop="name" align="center" label="纳税人" min-width="100">
                      </el-table-column>
                      <el-table-column prop="location" align="center" label="经营地点" min-width="100">
                      </el-table-column>
                      <el-table-column prop="department" align="center" label="税务机关" min-width="100">
                      </el-table-column>
                      <el-table-column prop="legalpersonName" align="center" label="法人信息" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>
                  <!-- 行政处罚 -->
                  <template v-if="workerDetail.entPunishmentInfoList">
                    <div class="querySubtitle">行政处罚</div>
                    <el-table :data="workerDetail.entPunishmentInfoList" border stripe
                      :header-cell-style="{ background: '#eef1f6', color: '#606266' }">
                      <template slot="empty">
                        <el-empty :image-size="50" description="暂无行政处罚信息"></el-empty>
                      </template>
                      <el-table-column prop="punishNumber" align="center" label="决定书文号" min-width="100">
                      </el-table-column>
                      <el-table-column prop="reason" align="center" label="处罚事由" min-width="100">
                      </el-table-column>
                      <el-table-column prop="content" align="center" label="处罚结果" min-width="100">
                      </el-table-column>
                      <el-table-column prop="decisionDate" align="center" label="决定时间" min-width="100">
                      </el-table-column>
                      <el-table-column prop="departmentName" align="center" label="行政机关" min-width="100">
                      </el-table-column>
                      <el-table-column prop="source" align="center" label="处罚来源" min-width="100">
                      </el-table-column>
                      <el-table-column prop="remark" align="center" label="备注" min-width="100">
                      </el-table-column>
                      <el-table-column prop="punishStatus" align="center" label="处罚状态" min-width="100">
                      </el-table-column>
                      <el-table-column prop="type" align="center" label="处罚类别1" min-width="100">
                      </el-table-column>
                      <el-table-column prop="typeSecond" align="center" label="处罚类别2" min-width="100">
                      </el-table-column>
                      <el-table-column prop="evidence" align="center" label="处罚依据" min-width="100">
                      </el-table-column>
                      <el-table-column prop="punishName" align="center" label="处罚名称" min-width="100">
                      </el-table-column>
                    </el-table>
                  </template>

                </div>
              </template>
            </div>
          </el-card>
        </div>
      </template>
      <!-- 底部按钮 -->
      <template v-slot:footer>
        <div class="footer">
          <el-button type="primary" @click.native="back">返回</el-button>
        </div>
      </template>

    </CustomContent>
  </div>
</template>


<script>
import CustomContent from '@/components/custom/content.vue'
import MmvTitle from '@/components/MmvUI/MmvTitle.vue'
import * as creditApi from '@/api/credit/credit';
export default {
  components: {
    CustomContent,
    MmvTitle
  },
  data() {
    return {
      loading: false,
      id: '',
      scoreData: [
        { level: 'A', content: '无法预测' },
        { level: 'B', content: '[0,0,2)' },
        { level: 'C', content: '[0.2,0.4)' },
        { level: 'D', content: '[0.4,0.6)' },
        { level: 'E', content: '[0.6,0.8)' },
        { level: 'F', content: '[0.8,1)' },
        { level: 'G', content: '[1,1.5)' },
        { level: 'H', content: '[1.5,2)' },
        { level: 'I', content: '[2,3)' },
        { level: 'J', content: '[3,4)' },
        { level: 'K', content: '[4,5)' },
        { level: 'L', content: '[5,+∞)' }
      ],
      workerDetail: {
        creditQueryWorkOrder: {},//工单客户信息
        creditQueryRuleList: [],//查询征信包
        personBaseInfoAbnormalCount: 0, //个人基础核验异常数
        antiFraudAbnormalCount: 0, //反欺诈异常数
        riskReviewAbnormalCount: 0, //风险审查数
        personBaseInfo: null, //个人-基础核验
        individualInvestment: null, //个人-企业背景
        antiFraud: null, //个人-反欺诈
        repaymentPowerLevel: null, //个人-偿还能力
        entBaseInfo: {
          entBaseInfo: { name: null }
        }, //企业-基础核验
        riskReview: null, //企业-风险审查
        entCaipanInfoList: null, //企业-裁判文书
        entDishonestInfoList: null, //企业-企业失信被执行人
        entZhixingInfoList: null,//企业-企业被执行人
        entSiFaXieZhuInfoList: null, //企业-司法协助
        entShuiShouInfoList: null,//企业-重大税收违法
        entMrIllegalInfoList: null,//企业-严重违法
        entAbnormalInfoList: null, //企业-异常经营名录
        entOwntaxInfoList: null, //企业-欠税公告
        entPunishmentInfoList: null, //企业-行政处罚
      },//工单详情

    }
  },
  computed: {
    // 风险异常总数
    totalRisk() {
      const total = this.workerDetail.personBaseInfoAbnormalCount + this.workerDetail.antiFraudAbnormalCount + this.workerDetail.riskReviewAbnormalCount;
      return total;
    }
  },
  mounted() {
    this.getCreditWorkDetail();
  },
  methods: {
    // 获取征信工单详情
    getCreditWorkDetail() {
      this.loading = true;
      creditApi.creditWorkDetail(this.$route.query.id).then(res => {
        this.loading = false;
        this.workerDetail = res.data;
      }).catch(() => {
        this.loading = false;
      })
    },
    back() {
      this.$router.back();
    }
  },
}
</script>
<style lang="scss" scoped>
.commonTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0 28px;

  &::before {
    display: inline-block;
    content: '';
    margin-right: 8px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #5473E8;
  }
}

.cardContainer {
  padding-left: 20px;
  height: 160px;
}

.riskWarning {
  // display: inline-block;
  padding: 5px 20px;
  color: #333;
  border: 1px solid #cecece;
  font-size: 14px;
  background: #EBEFFF;
  border-radius: 8px;
  border: 1px solid #BCCAFE;
  justify-self: center;
  align-self: center;

}

.abilityRepay {
  color: #333;
  font-size: 14px;

  .content {
    margin-left: 10px;
    width: 24px;
    height: 24px;
    background: #5473E8;
    border-radius: 4px;
    color: #fff;
    padding: 7px 10px;
    font-size: 16px;
    font-weight: bold;
  }
}

.querySubtitle {
  margin: 10px 0;
  color: #333;
  font-size: 15px;
  font-weight: bold;
}

.my-label {
  /* // background: '#eef1f6'; */
  background: red;
  color: '#606266';
}

.checkCount {
  color: red;
}

.packageItem {
  padding: 15px;
  border: 1px solid #cecece;
  border-radius: 4px;
  height: 150px;

  .topInfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
  }

  .desc {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #999;
  }
}

.tipBox {
  background: #EBEFFF;
  border-radius: 8px;
  border: 1px solid #BCCAFE;
  padding: 0 20px 20px;
  margin: 15px 0;
  font-size: 14px;
  line-height: 20px;

}

.btn {
  border: none !important;
  width: 10px;
  text-align: center;
}
</style>
